<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>购物车</title>
    <link rel="stylesheet" type="text/css" href="css/jd.css" />

    <link rel="stylesheet" type="text/css" href="css/reset.css" />
    <script type="text/javascript" src="js/JD.js" ></script>
    	
    
</head>

<body>
    <!--导航开始-->
    <div class="nav">
        <div class="warp">
            <ul class="nav_left">
                <li><a href="#">京东首页</a></li>
                <li><a href="#">配送到：北京</a></li>
            </ul>

            <ul class="nav_right">
                <li><a href="#">账号：knkm</a><span>|</span></li>
                <li><a href="#">我的订单</a><span>|</span></li>
                <li><a href="#">我的京东</a><span>|</span></li>
                <li><a href="#">京东会员</a><span>|</span></li>
                <li><a href="#">企业采购</a><span>|</span></li>
                <li><a href="#">京东手机</a><span>|</span></li>
                <li><a href="#">关注京东</a><span>|</span></li>
                <li><a href="#">网站导航</a></li>
            </ul>
        </div>
    </div>
    <!--导航结束-->
    <!--搜索开始-->
    <div class="search">
    	<div class="warp">
    		<a href="#"><img src="img/jdlogo-201708-@1x.png" alt="" class="logo"/></a>
    		<div class="search_sea">
    			<input type="text" name="search" id="search"  class="search_tex"/>
    			<input type="button" name="but" id="but" value="搜索" class="butn"/>
    		</div>
    	</div>
    	
    </div>
    <!--搜索结束-->
    <!--标题开始-->
    <div class="title warp">
    	<h3>全部商品</h3>
    	<div>
    		<span>配送到</span>
    		<select name="" id="">
    			<option value="">昌平区</option>
    			<option value="">顺义区</option>
    			<option value="">大兴区</option>
    			<option value="">朝阳区</option>
    			<option value="">昌平区</option>
    		</select>
    	</div>
    </div>
    <!--标题结束-->
    <!--显示菜单开始-->
    <div class="tips warp">
    	<ul>
    		<!--this 表示整个input-->
    		<li><input type="checkbox" name="fav" id="all" value="" onclick="checkAll(this),checkOne()"/>
    			全选
    		</li>
    		<li>商品</li>
    		<li>单价</li>
    		<li>数量</li>
    		<li>小计</li>
    		<li>操作</li>
    	</ul>
    </div>
    <!--显示菜单结束-->
    <!--商品详情的展示-->
    <div class="info warp">
    	<ul>
    		<li class="info_1">
    			<input type="checkbox" name="fav" id="check" value="" onclick="checkOne()" />
    		</li>
    		<li class="info_2">
    			<img src="img/9cfa65a8d42997da.jpg"/>
    		</li>
    		<li class="info_3">
    			<a href="#">
    				创维电视 75A3 75英寸4k超<br />高清护眼超薄全面屏 2+16G声控
    			</a>
    		</li>
    		<li class="info_4">全景声剧幕影院-75A3</li>
    		<li class="info_5"><a href="#">￥3559.00</a></li>
    		<li class="info_6">
    			<button onclick="checkAdd(this,1),checkOne()">-</button>
    			<input type="text" name="" id="" value="1" />
    			<button class="bot" onclick="checkAdd(this,2),checkOne()">+</button>
    		</li>
    		<li class="info_7">￥3559.00</li>
    		<li class="info_8">
    			<a href="javascript:void(0)" onclick="checkRemove(this),checkOne()">删除</a><br />
    			<a href="#">移入关注</a>
    		</li>
    	</ul>
    </div>
    <div class="info warp">
    	<ul>
    		<li class="info_1">
    			<input type="checkbox" name="fav" id="check" value="" onclick="checkOne()"/>
    		</li>
    		<li class="info_2">
    			<img src="img/3984eb82941f24f1.jpg"/>
    		</li>
    		<li class="info_3">
    			<a href="#">
    				中国绘·诗韵童年（给孩子更有<br/>品质的阅读 套装共6册）
    			</a>
    		</li>
    		<li class="info_4"></li>
    		<li class="info_5"><a href="#">￥120.00</a></li>
    		<li class="info_6">
    			<button onclick="checkAdd(this,1),checkOne()">-</button>
    			<input type="text" name="" id="" value="1" />
    			<button class="bot" onclick="checkAdd(this,2),checkOne()">+</button>
    		</li>
    		<li class="info_7">￥120.00</li>
    		<li class="info_8">
    			<a href="javascript:void(0)" onclick="checkRemove(this),checkOne()">删除</a><br />
    			<a href="#">移入关注</a>
    		</li>
    	</ul>
    </div>
    
    <!--商品详情的结束-->
    <!--结算开始-->
    <div class="warp balance">
    	<ul class="balance_ul1">
    		<li>
    			<input type="checkbox" name="fav" onclick="checkAll(this),checkOne()"/>全选
    		</li>
    		<li><a href="#">删除选中商品</a></li>
    		<li><a href="#">移到我的关注</a></li>
    		<li><a href="#">清除下柜商品</a></li>
    	</ul>
    	<ul class="balance_ul2">
    		<li>已选择<span id="snum">0</span>件商品</li>
    		<li>总价<span id="zongz">￥0</span></li>
    		<li>
    			<button class="butt_all2">去结算</button>
    		</li>
    	</ul>
    </div>
    <!--结算结束-->
</body>

</html>